layui.use(['form','jquery'], function () {
        var form = layui.form;
        var $ = layui.jquery;
        form.on('submit(login)', function (data) {
            var username = data.field.username;
            var password = data.field.password;


            if (username === username && password === password) {
                // 发起登录请求
                $.ajax({
                    url: 'http://localhost:8000/user/login/',  // 后端登录接口
                    type: 'POST',
                    data: {
                        username: username,
                        password: password
                    },
                    success: function (res) {
                        if (res.status === 200) {
                            // 登录成功
                            window.localStorage.setItem('username', res.data.username);  // 保存用户名到本地存储，为后续操作提供用户名
                            window.localStorage.setItem('pk', res.data.id);  // 保存用户名到本地存储，为后续操作提供用户名
                            window.location.href = '/index.html';  // 登录成功后跳转到首页
                        } else {
                            // 登录失败
                            layer.msg(res.message, {icon: 5});
                        }
                    },
                    error: function () {
                        layer.msg('An error occurred while processing the request', {icon: 5});
                    }
                });
            }

            return false; //阻止表单跳转
        });
    });